const app = getApp()
import {
  queryTopCategories,
  querySecondaryCategories
} from '../../service/category'

Page({
  data: {
    // 胶囊距离屏幕顶部的距离
    top: app.globalData.menuButtonTop,
    // 胶囊高度
    height: app.globalData.menuButtonHeight,
    // 胶囊左方大小
    left: app.globalData.menuButtonLeft,
    // 一级分类
    topCategories: [],
    // 一级分类激活状态的索引
    topCategoriesActiveIndex: 0,
    // 二级分类
    secondaryCategories: []
  },
  /**
   * 生命周期函数
   */
  async onLoad() {
    // 请求一级分类数据
    const res = await queryTopCategories()
    this.setData({
      topCategories: res.data
    })
    // 请求二级分类数据
    const {
      data
    } = await querySecondaryCategories(this.data.topCategories[this.data.topCategoriesActiveIndex].id)
    this.setData({
      secondaryCategories: data
    })
  },

  /**
   * 生命周期函数
   */
  async onShow() {
    console.log('Category页面调用onShow方法');
  },
  /**
   *  点击左侧导航区
   */
  async onTapLeftNavigationRegion(event) {
    // 获取一级分类的id与索引
    const {
      id,
      index
    } = event.currentTarget.dataset
    const {
      data
    } = await querySecondaryCategories(id)
    this.setData({
      topCategoriesActiveIndex: index,
      secondaryCategories: data
    })
  },
  /**
   * 点击搜索框
   */
  onTapSearchBox() {
    wx.navigateTo({
      url: '/pages/Search/Search',
    })
  }
})